
body{
   background-color: #F7F7F7;
}
.mui-bar-nav{
    height:0.92rem;
    border:none;
    background: #f2f2f2;
}
.mui-bar-tab{
    width:100%;
    height:0.98rem;
    border:0;
    background: #fff;
    padding:0 0.26rem 0 0.26rem;
    color:#333333;
}
.mui-tab-label{
    color:#000;
    font-size:0.22rem;
    margin-top:0.1rem;

}
.mui-tab-item .mui-icon img{
    width:0.34rem;
    height:0.34rem;
    margin-top:0.2rem;
}
.mui-table-view .mui-table-view-cell{
    font-size:0.26rem;
}
.grade{
    float:right;
    font-size:0.22rem;
    color:#999999;
}
.hd-user{
    position: relative;
    margin-top:0.92rem;
    height:2.66rem;
    width:100%;
    background:url(../images/wode-bg@2x.png) no-repeat;
    background-size: 100%;
    overflow: hidden;
}
.touxiang{
    position:absolute;
    left:0.26rem;
    top:0.7rem;
    width:3.52rem;
    height:2rem;

}
.touxiang img{
    width:1.28rem;
    height:1.28rem;
}
.user-msg{
    float:right;
    margin-top:0.28rem;
    width:2.04rem;
    height:0.73rem;
    
}
.user-msg p{
    font-size:0.3rem;
    color:#fff;
}
.user-msg span{
    font-size:0.18rem;
    padding:0.04rem 0.1rem;
    box-sizing: border-box;
    border:0.01rem solid #fff;
    margin-left:0.1rem;
    border-radius:0.05rem;
    vertical-align: middle;
}
.user-msg h2{
    font-size:0.16rem;
    margin-top:0.16rem;
    color:#fff;
}
.mui-table-view-cell{
    padding:0.24rem 0.26rem 0.24rem 0.6rem;
    
}
.mui-navigate-right{
    box-sizing: border-box;
    font-size:0.26rem
}
.mui-table-view-cell:after{
    left:0.92rem;
}
.tubiao{
    position:absolute;
    left:0.26rem;
    
}
.tubiao img{
   width:0.34rem;
   height:0.36rem;
  vertical-align: middle;
}

